<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/html">

<head>
    <title>预览日记</title>
    <link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/switch.min.css">
    <link rel="stylesheet" href="static/css/myStyle.css">
    <meta charset="UTF-8">
</head>

<body>
<div class="jumbotron" style="margin:0">
    <div class="container">
        <p>Welcome Dirary Website</p>
    </div>
</div>

<!--<div class="alert alert-success alert-dismissible fade in" role="alert" style="margin: 0">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span>
    </button>
    <strong> UserName !</strong> 欢迎登录九宫格日记网
</div>-->

<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">九宫格日记网</a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">

            </ul>

            <!--<ul class="nav navbar-nav navbar-right">-->
            <!--<li class="dropdown">-->
            <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"-->
            <!--aria-expanded="false">UserName<span class="caret"></span></a>-->
            <!--<ul class="dropdown-menu">-->
            <!--<li><a href="#">我的日记</a></li>-->
            <!--<li><a href="#">我的资料</a></li>-->
            <!--<li role="separator" class="divider"></li>-->
            <!--<li><a href="#">退出登录</a></li>-->
            <!--</ul>-->
            <!--</li>-->
            <!--</ul>-->
            <!--<div class="navbar-form navbar-right">-->
            <!--<a type="button" class="btn btn-success">新建日记</a>-->
            <!--</div>-->

            <div class="navbar-form navbar-right">
                <a type="button" class="btn btn-primary">登录</a>
                <a type="button" class="btn btn-info">注册</a>
            </div>
        </div>
    </div>
</nav>

<div class="container">

    <div style="width: 500px;background:url(7.jpg) no-repeat ;background-size:100% 100%;margin: 0 auto;height: 500px;margin-bottom: 25px;position: relative"
         id="pre">

        <div class="lattice" style="top: 25px;left: 25px;">
            <p class="form-control-static" style="background-color: #5bc0de;text-align: center;height: 35px;">开心的是</p>
            <div class="defaultlist">
                <p class="lead" style="text-align: center;vertical-align: center;padding-top: 25px;">一件事情sas哈哈说</p>
            </div>
        </div>

        <div class="lattice" style="top: 25px;left: 176px;">
            <p class="form-control-static" style="background-color: #5bc0de;text-align: center;height: 35px;">开心的是</p>
            <div class="defaultlist">
                <p class="lead" style="text-align: center;vertical-align: center;padding-top: 25px;">一件事情sas哈哈说</p>
            </div>
        </div>

        <div class="lattice" style="top: 25px;right:25px;">
            <p class="form-control-static" style="background-color: #5bc0de;text-align: center;height: 35px;">开心的是</p>
            <div class="defaultlist">
                <p class="lead" style="text-align: center;vertical-align: center;padding-top: 25px;">一件事情sas哈哈说</p>
            </div>
        </div>


        <div class="lattice" style="top: 176px;left: 25px;">
            <p class="form-control-static" style="background-color: #5bc0de;text-align: center;height: 35px;">开心的是</p>
            <div class="defaultlist">
                <p class="lead" style="text-align: center;vertical-align: center;padding-top: 25px;">一件事情sas哈哈说</p>
            </div>
        </div>

        <div class="lattice" style="top: 176px;left: 176px;">
            <p class="form-control-static" style="background-color: #5bc0de;text-align: center;height: 35px;">开心的是</p>
            <div class="defaultlist">
                <p class="lead" style="text-align: center;vertical-align: center;padding-top: 25px;">一件事情sas哈哈说</p>
            </div>
        </div>

        <div class="lattice" style="top: 176px;right:25px;">
            <p class="form-control-static" style="background-color: #5bc0de;text-align: center;height: 35px;">开心的是</p>
            <div class="defaultlist">
                <p class="lead" style="text-align: center;vertical-align: center;padding-top: 25px;">一件事情sas哈哈说</p>
            </div>
        </div>

        <div class="lattice" style="bottom: 25px;left: 25px;">
            <p class="form-control-static diary_title_3">开心的是</p>
            <div class="defaultlist">
                <p class="lead dirary_content_3">一件事情sas哈哈说</p>
            </div>
        </div>

        <div class="lattice" style="bottom: 25px;left: 176px;">
            <p class="form-control-static diary_title_2">开心的是</p>
            <div class="defaultlist">
                <p class="lead dirary_content_2" >一件事情sas哈哈说</p>
            </div>
        </div>

        <div class="lattice" style="bottom: 25px;right:25px;">
            <p class="form-control-static diary_title_1">开心的是</p>
            <div class="defaultlist">
                <p class="lead dirary_content_1" >一件事情sas哈哈说</p>
            </div>
        </div>
    </div>
</div>

<div class="container text-center" style="margin-bottom: 50px;">
    <a href="#" class="btn  btn-primary" style="width: 120px;">发布</a>
</div>
<script src="static/js/jquery.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/html2canvas.js"></script>
<script type="text/javascript">

</script>
</body>
</html>